<!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Strict//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<title>在此插入标题</title>
<script src="jquery.js"></script>
</head>
<body>
  <form id="form">
     用户名:<input type="text" name="username" id="username"><br>
     邮箱地址:<input type="text" name="email" id="email"><br>
  url地址:<input type="text" name="url" id="url"><br>
  qq:<input type="text" name="qq" id="qq"><br>
  skype:<input type="text" name="skype" id="skype"><br>
  <input type="button" value="提交">
  </form>
<div id="div"></div>
  <script>
  $('input[type=button]').click(function(){
	 /*  var data ={"username":$('#username').val(),
			     "email":$('#email').val(),
			     "url":$('#url').val(),
			     "qq":$('#qq').val(),
			     "skype":$('#skype').val()}; */
	  var data = $('#form').serialize();
	  $.ajax({
		  url:'demo24.php',
		  type:'post',
		  data:data,
		  success:function(data){
			  //alert(data);
			  $('#div').append();
		  }
	  });
  });
  </script>
</body>
</html>